﻿
<!-- BEGIN PAGE TITLE/BREADCRUMB -->
<div class="parallax colored-bg pattern-bg" data-stellar-background-ratio="0.5">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <h1 class="page-title">{{ title }}</h1>

                <!--<ul class="breadcrumb">
                    <li><a href="index.html">Home </a></li>
                    <li><a href="#">Blog</a></li>
                    <li><a href="blog-listing2.html">Blog Listing 4</a></li>
                </ul>-->
            </div>
        </div>
    </div>
</div>

<style>
    .btn-team{text-align: center;}
    .btn-delete, .btn-edit{
        display:inline-block;
        width: 10%;
        border-radius:0px;
        border:0;
        margin-bottom:20px;
        margin-top:10px;
    }

</style>



<div ng-show="isAdmin == true" class="btn-team">
    <button type="submit" class="btn btn-primary btn-lg btn-delete" ng-click="deleteBlog()">Delete</button>
    <button type="submit" class="btn btn-success btn-lg btn-edit" ng-click="editBlog()">Edit/Update</button>
</div>


<div class="content" style="padding: 50px 20px; max-width: 1050px; margin: 0 auto;">

    <div ng-if="isSuccess == true" class="alert alert-success">
       <!-- <button type="button" class="close" ng-click="close()" aria-hidden="true">&times;</button>-->
        <span>Your blog had been removed successfully!</span>
    </div>

    <div class="ql-editor" ng-bind-html="html | unsafe"></div>
</div>